requirejs.config({
    baseUrl: 'js/lib',
    paths: {
        'jquery': 'jquery-3.3.1',
        'bootstrap': '../bootstrap',
        'Swiper': '../swiper',
        'api': '../api',

 


    },
    shim: {
        jquery: {
            exports: 'jquery'
        },
        bootstrap: {
            deps: ['jquery'],
            exports: 'bootstrap',
        },
        Swiper: {
            deps: ['jquery'],
            exports: 'Swiper',
        },
        api: {
            deps: ['jquery'],
        },

    }
});

define([
    'jquery',
    'bootstrap',
    'Swiper',
    'api',
], function($ , bootstrap , Swiper , api) {
    'use strict';
    (function($) {
        jQuery.extend({
            a: function () {
                // console.log("a");
                // pc　
                const $m = [
                '<div class="media">',
                    '<div class="media-left">',
                        '<a href="">',
                            '<img src="image/detail/未标题-6.jpg" alt="" class="media-object img-circle">',
                        '</a>',
                    '</div>',
                    '<div class="media-body">',
                        '<h4 class="media-heading">我是美食家<small>2017年11月08日 上午10:33</small></h4>',
                        '<p>',
                                '把亲朋好友聚拢在自己家里吃自己亲自做的饭菜，干净卫生、经济实惠，又能联络感情，何乐而不为呢！敢紧跟随小编来学宴客菜吧，一桌丰盛家宴轻松搞定！',
                        '</p>',
                    '</div>',
                '</div>' , 
                ].join('');
                for(let i = 0; i < 7; i++) {

                    $(".detail-comment-content").append($m).clone();
                };
                
                // 手机
                const $mm = [
                '<div class="media">',
                    '<div class="media-left">',
                        '<img src="image/detail/mo-detail-5.jpg" alt="" class="media-object img-circle">',
                    '</div>',
                    '<div class="media-body">',
                        '<h4 class="media-heading">我是美食家<time datetime="2017.11.08 10:33">2017年11月08日 上午10:33</time></h4>',
                        '<p>把亲朋好友聚拢在自己家里吃自己亲自做的饭菜，干净卫生、经济实丰盛家宴轻松搞定！</p>',
                    '</div>',
                '</div>',
                ].join('');
                const $me = [
                    '<div class="media">',
                        '<div class="media-left">',
                            '<img src="image/detail/mo-detail-5.jpg" alt="" class="media-object img-circle">',
                        '</div>',
                        '<div class="media-body">',
                            '<h4 class="media-heading">我<time datetime="2018.07.26 10:33">2018年07月26日 上午10:33</time></h4>',
                            '<p></p>',
                        '</div>',
                    '</div>',
                    ].join('');
                // console.log($mm);
                for(let i = 0; i < 3; i++) {
                    $(".mo-content-comment .container").append($mm).clone();
                };
                // 实现评论的功能 首先要定义一个按钮 选择器注意点号前缀
                const $btn = $(".detail-textarea-bottom a");
                // console.log($btn);
                const $area = $(".detail-comment-textarea textarea");
                // console.log($area);

                // 设置当前时间
                const $d = new Date();
                const $sec = $d.getSeconds();
                const $min = $d.getMinutes();
                const $hour = $d.getHours();
                const $day = $d.getDate();
                const $month = $d.getMonth() + 1;
                const $year = $d.getFullYear();

                isInput();
                $btn.click(function () {
                    console.log("评论成功");
                    const $v = $area.val();
                    $($me).clone().appendTo(".detail-comment-content")
                    .end().find("time")
                    .attr("datetime", $year + '.' + transTime($month) + '.' + transTime($day) + '' + $hour + ':' + $min)
                    .text($year+'年'+transTime($month)+'月'+transTime($day)+'号'+transTime($hour)+'时'+transTime($min)+'分'+transTime($sec)+'秒')
                    .end().find("p").text($v).css("color","red")

                });
                function transTime(i) {
                    if (i < 10) {
                        i = '0' + i
                    };
                    return i;
                };
                function isInput() {
                    $area.change(function () {
                        console.log("输入了");
                    });

                };

            },
            b: function () {
                // console.log("b");
                plsClose();
                const $span = $(".mo-comment-content").find("span");
                // console.log($span);
                $($span).click(function () {
                    console.log("点击");
                    plsClose();

                });
                const $item = $("#mo-footer .item").eq(-2);
                // console.log($item);
                $($item).click(function () {
                    console.log("评论");
                    plsOpen();


                });
                const $med = [
                '<div class="media">',
                    '<div class="media-left">',
                        '<img src="image/detail/mo-detail-5.jpg" alt="" class="media-object img-circle">',
                    '</div>',
                    '<div class="media-body">',
                        '<h4 class="media-heading">我<time datetime="2018.07.25 10:33">2018年07月25日 上午10:33</time></h4>',
                        '<p></p>',
                    '</div>',
                '</div>',
                ].join('');
                // console.log($med);
                const $btn = $(".mo-comment-content").find("button");
                // console.log($btn);
                const $area =$(".mo-comment-content textarea");
                // console.log($area); 

                // 设置当前时间
                const $d = new Date();
                const $sec = $d.getSeconds();
                const $min = $d.getMinutes();
                const $hour = $d.getHours();
                const $day = $d.getDate();
                const $month = $d.getMonth() + 1;
                const $year = $d.getFullYear();
                console.log($year+'年'+$month+'月'+$day+'日'+''+$hour+'时'+$min+'分'+$sec+'秒');
                plsInput();
                $($btn).click(function() {
                    // console.log("评论成功！");
                    const $v = $area.val();
                    $($med).clone().appendTo(".mo-content-comment .container")
                    .end().find("time")
                    .attr("datetime", $year + '.' + transTime($month) + '.' + transTime($day) + '' + $hour + ':' + $min)
                    .text($year+'年'+transTime($month)+'月'+transTime($day)+'号'+transTime($hour)+'时'+transTime($min)+'分'+transTime($sec)+'秒')

                    .end().find("p").text($v).css("color","red")
                    plsClose();
                });
                console.log(transTime(9));
                function transTime(i) {
                    if (i < 10) {
                        i = '0' + i
                    };
                    return i;
                };
                function plsOpen() {
                    $(".mo-footer-mask").show();
                    $(".mo-comment-content").show();
                };
                function plsClose() {
                    $(".mo-comment-content").hide();
                    $(".mo-footer-mask").hide();
                };
                function plsInput() {
                    // console.log("请输入评论");

                    $area.change(
                        function () {
                            // console.log("已输入内容");
                        }
                    );
                };

            },
            c: function () {
                console.log('c');
                $(".mo-footer-navbar").hide();
                const $btn = $("#mo-footer .item").eq(0);
                console.log($btn);
                isHover();
                $btn.hover(function () {
                    console.log("点击了");
                    $(".mo-footer-navbar").show();
                }, function () {
                    $(".mo-footer-navbar").hide();
                });

                function isHover() {
                    console.log("有移入");
                    $(".mo-footer-navbar").hover(
                        function() {
                            $(this).show();
                        },
                        function() {
                            $(this).hide();
                        }
                    );
                };
            }
        });
    })(jQuery);
    $.a();
    $.b();
    $.c();
    var swiper5 = new Swiper('#swiper5',{
        slidesPerView : 3,
        slidesPerGroup : 3,
        spaceBetween : 7,
        autoplay: true,
        direction: 'horizontal',
        speed: 300,
        // loop: false,
        mousewheel: true,
        preventClicks: true,

        

    });
    var swiper6 = new Swiper('#swiper6',{
        slidesPerView : 2,
        slidesPerGroup : 2,
        spaceBetween : 9,
        autoplay: true,
        direction: 'horizontal',
        speed: 300,
        // loop: false,
        mousewheel: true,
        preventClicks: true,

        

    });


    
})